<template>
  <div class="box">
    <div class="one">
      <dv-border-box-4>
        <dv-decoration-9
            style="width:150px;height:150px;position: absolute;left: 15px;top: 16px;color: #fff;text-align: center">
          驾驶员关谷神奇<br>五级警告
        </dv-decoration-9>
        <img src="@/assets/ggsq.jpg" alt="">
      </dv-border-box-4>
    </div>
    <div class="two">
      <dv-border-box-4>
        <dv-decoration-9
            style="width:150px;height:150px;position: absolute;left: 15px;top: 16px;color: #fff;text-align: center">
          驾驶员诸葛大力<br>五级警告
        </dv-decoration-9>
        <img src="@/assets/zgdl.jpg" alt="">
      </dv-border-box-4>
    </div>
    <div class="three">
      <dv-border-box-4>
        <dv-decoration-9
            style="width:150px;height:150px;position: absolute;left: 15px;top: 16px;color: #fff;text-align: center">
          驾驶员陆展博<br>五级警告
        </dv-decoration-9>
        <img src="@/assets/lzb.png" alt="">
      </dv-border-box-4>
    </div>
    <el-pagination
        background
        layout="prev, pager, next"
        :page-size="3"
        :current-page="query.pagenum"
        @current-change="handleCurrentChange"
        :total="30">
    </el-pagination>
  </div>
</template>
<script>
export default {
  data() {
    return {
      query: {
        pagenum: 2
      }
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
    handleCurrentChange(newPage) {
      this.query.pagenum = newPage
      if (this.$data.query.pagenum === 1) {
        this.$router.push('/centre1')
      }
      if (this.$data.query.pagenum === 3) {
        this.$router.push('/centre3')
      }
    }
  }
}
</script>

<style Lang="less" scoped>
.one {
  width: 520px;
  height: 180px;
  padding-top: 60px;
}

img {
  position: absolute;
  left: 200px;
  top: 30px;
  width: 250px;
  height: 145px;
}

.two {
  width: 520px;
  height: 180px;
  padding-top: 15px;
}

.three {
  width: 520px;
  height: 180px;
  padding-top: 15px;
}

.el-pagination {
  position: relative;
  left: 50px;
  top: 15px;
}
</style>

